
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Superfish -->
	<link rel="stylesheet" href="css/superfish.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">

	<link rel="stylesheet" href="css/style.css">
	<style type="text/css">
	body,td,th {
    font-family: Roboto, Arial, serif;
}
body {
    background-color: #FCF4D9;
}
    .no-js body #fh5co-wrapper #fh5co-page #fh5co-header #fh5co-header-section .container .nav-header span {
    font-family: 幼圆;
}
    </style>


	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

</head>
	<body>
		<div id="fh5co-wrapper">
		<div id="fh5co-page">
		<div id="fh5co-header">
			<header id="fh5co-header-section">
				<div class="container">
					<div class="nav-header">
						<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
						<h1 id="fh5co-logo"><a href="index.html"><i class="icon-home2"></i>城市名片</a></h1>
						<!-- START #fh5co-menu-wrap -->
						<nav id="fh5co-menu-wrap" role="navigation">
							<ul class="sf-menu" id="fh5co-primary-menu">
								<li>
							  <span style="font-size: 36px"><a href="index.html">主页</a>
					      </span></li>
						  <li><a href="work.html">历史</a></li>
						  <li>
						    <ul class="fh5co-sub-menu">
					 	      <li><a href="left-sidebar.html">Web Development</a></li>
							 	  <li><a href="right-sidebar.html">Branding &amp; Identity</a></li>
								  <li>
									  <span style="font-size: 36px"><a href="#" class="fh5co-sub-ddown">Free HTML5</a>
									</span>
									  <ul class="fh5co-sub-menu">
										  <li><a href="#/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
										  <li><a href="#/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
										  <li><a href="#/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
										  <li><a href="#/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
										  <li><a href="#/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
										  <li><a href="#/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
									  </ul>
								  </li>
								  <li><a href="#">UI Animation</a></li>
								  <li><a href="#">Copywriting</a></li>
								  <li><a href="#">Photography</a></li> 
						    </ul>
					    </li>
						  <li><a href="about.html">风景</a></li>
						  <li><a class="active" href="contact.html">美食</a></li>
						</ul>
					  </nav>
					  <p>&nbsp;</p>
					</div>
				</div>
			</header>		
		</div>
		<!-- end:fh5co-header -->
		<aside id="fh5co-hero" class="js-fullheight">
			<div class="flexslider js-fullheight">
				<ul class="slides">
			   	<li style="background-image: url(images/slide_3.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
			   				<div class="slider-text-inner desc">
			   					<h2 class="heading-section">海鲜 啤酒</h2>
			   					<p class="fh5co-lead">行行行 <i class="icon-heart3"></i>换啤的换啤的！<a href="http://" target="_blank"></a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			  	</ul>
		  	</div>
		</aside>
		<div id="map" class="fh5co-map">
		  <p>&nbsp;</p>
		  <p><img src="images/timg83QQLTUV.jpg" width="290" height="200" alt=""/><img src="images/timg7N0P7OP4.jpg" width="290" height="200" alt=""/><img src="images/timg9HECTI2U.jpg" width="290" height="200" alt=""/><img src="images/timg42KIXAA5.jpg" width="290" height="200" alt=""/></p>
		  <div>
		    <div class="container">
		      <div class="row about">
		        <div class="col-md-6">
		          <h2><span style="font-size: 18px; font-family: '楷体';">啤酒：  无论是哪里，青岛啤酒节都是当地市民的节日：万人空巷、满城酒香，节日的城市，到处都弥漫着欢乐的气氛。不分国籍、不分肤色、不分文化背景，同享激情。同时，每年的青岛啤酒节也会对当地城市的旅游、食宿、购物、交通、会展等行业产生强劲的拉动作用，让每一位参与其中的人都深刻的感受到了啤酒所带给大众的激情与快乐，让整个世界一同与青岛啤酒狂欢！</span></h2>
		          <h2>&nbsp;</h2>
		          <h2><span style="font-size: 18px; font-family: '楷体';">海鲜：青岛是一个物产很丰富的城市，因为这里濒临海边，所以有各种各样的海产品。而当地人也非常的智慧，他们把这些大自然馈赠的海味制作成各色的美味，青岛美食成为了很多人的心头好。</span></h2>
		          <p>青岛锅贴</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">青岛锅贴是山东青岛著名的地方小吃，锅贴底面呈深黄色，酥脆，面皮软韧，馅味香美。锅贴是大众风味小吃。稻香居锅贴以其选料严谨、制作精细、品质优美而闻名古城。成品灌汤流油，色泽黄焦，鲜美溢口。东北也称水煎包，又称为煎饺。锅贴跟煎饺不能混淆。两者并不一样。</span></p>
		          <div><img src="images/u=1413950667,4003330347&fm=173&app=25&f=JPEG.jpg" width="400" height="269" alt=""/>青岛锅贴</div>
		          <p>香酥鸡</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">香酥鸡是山东地区特色传统风味名菜之一，属于鲁菜菜系。传遍济南、青岛、烟台等地区。此菜选用笋母鸡，以高汤蒸熟，火候足到，入油再炸，焦酥异常，其色红润，肉烂味美，是佐酒之美味，以青岛最为出名，去青岛的朋友们你们吃过吗？</span></p>
		          <div>
		            <p>&nbsp;</p>
		            <p><img src="images/u=623439472,2084117032&fm=173&app=25&f=JPEG.jpg" width="400" height="288" alt=""/>香酥鸡</p>
		          </div>
		          <p>崂山菇炖鸡</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">崂山菇炖鸡是一道名菜，山东青岛代表菜之一，选用本地一年内的小公鸡，用高汤炖制而成。鸡和崂山菇合炖，味道鲜美。这道菜的重点在于松菇。鸡是好吃，入了味的崂山菇味道更好。这道菜看似简单，其实功夫就在炖的过程中。崂山松蘑放早了，容易化掉;放的晚了，不容易入味。</span></p>
		          <div><img src="images/u=148686189,1909910416&fm=173&app=25&f=JPEG.jpg" width="400" height="228" alt=""/>崂山菇炖鸡</div>
		          <p>酸辣鱼丸</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">酸辣鱼丸是山东青岛的传统名吃之一。鱼丸一般用新鲜牙鱼肉制成，配以酸辣农汤，既保证了原汤的清香，又保持了鱼丸本身的鲜味。该菜品的特点是鱼丸有弹性，鲜味浓厚，汤酸辣开胃，口感极佳。</span></p>
		          <div><img src="images/u=2740953869,25376498&fm=173&app=25&f=JPEG.jpg" width="400" height="267" alt=""/>酸辣鱼丸</div>
		          <p>&nbsp;</p>
		        </div>
		        <div class="col-md-6">
		          <h2>&nbsp;</h2>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">正宗青岛银哈啤酒，当然是用塑料袋子哈 </span>                 </p>
		          <p><img src="images/timgUUR0OHDK.jpg" width="267" height="200" alt=""/></p>
		          <p>&nbsp;</p>
		          <p><img src="images/timg.jpg" width="450" height="320" alt=""/><img src="images/project-3.jpg" width="450" height="320" alt=""/></p>
		          <p>油爆海螺</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">油爆海螺是在山东地区特色传统名菜，属于鲁菜系，是青岛特色美食之一，是油爆双脆、油爆肚仁的基础上沿续而来的。明清年间流行于登州、福山的传流海味菜肴。山东沿海盛产海螺，以蓬菜沿海产的"香螺"为主。</span></p>
		          <div><img src="images/u=2413315196,573351879&fm=173&app=25&f=JPEG.jpg" width="400" height="181" alt=""/>油爆海螺</div>
		          <p>袋装啤酒</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">青岛袋装啤酒。青岛啤酒一直很出名，在青岛本地有最新鲜的啤酒，部分种类啤酒无法长途运输到外地。青岛散啤就是当日生产出来的最新鲜啤酒，直接装入啤酒大桶中，按斤卖。青岛人夏天最喜欢打点散装啤酒，围在路边吃烧烤，惬意的很。</span> </p>
		          <div><img src="images/u=931808085,2003845140&fm=173&app=25&f=JPEG.jpg" width="400" height="302" alt=""/>袋装啤酒</div>
		          <p> </p>
		          <p>青岛脂渣</p>
		          <p><span style="font-size: 18px; font-family: '微软雅黑';">脂渣是青岛特色美食，制作简便，营养丰富，味道香浓。做脂渣，取瘦多肥少的猪五花肉，用食盐、味精腌制后炸或煎至脱脂干缩。</span></p>
		          <div><img src="images/u=3541228739,3434215000&fm=173&app=25&f=JPEG.jpg" width="400" height="403" alt=""/>青岛脂渣</div>
	            </div>
	          </div>
		      <div class="row">
		        <div class="col-md-4 fh5co-staff">
		          <h3><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3005070557,3608672104&fm=173&app=49&f=JPEG?w=548&h=345&s=D59313D54C877B5112800D770300C073" width="395" height="250" data-loaded="0" data-loadfunc="0"></h3>
		          <h3>鲅鱼水饺</h3>
		          <h3><span style="font-size: 18px; font-family: '微软雅黑';">青岛人对鱼类的热爱是超乎于我们想象的，而鲅鱼水饺在他们的心目中绝对能够排上很高的地位。而且青岛人对于这种鱼的选料非常讲究，只吃本地的鲅鱼，它们把新鲜的鲅鱼剁成馅儿，在里面加上一些简单的调味料，再用劲道的面皮包成水饺的样子，最新鲜的海味与面皮碰撞出不一样的精彩，再沾上一点特制的酱料，一口咬下去别说有多满足了。</span> </h3>
		          
	            </div>
		        <div class="col-md-4 fh5co-staff">
		          <p><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=577733001,1389973623&fm=173&app=49&f=JPEG?w=500&h=333&s=9F1414CE4457B5D202EB38B603008048" width="375" height="250" data-loaded="0" data-loadfunc="0"></p>
		          <h3>辣炒蛤蜊</h3>
		          <h3><span style="font-size: 18px; font-family: '微软雅黑';">这道小吃是青岛人每个夏天都少不了的。选取当地最新鲜的蛤蜊，非常的肥美鲜嫩，经过辣椒和酱汁炒制之后给蛤蜊增加了一些味觉刺激。吃到口中只有鲜香二字，完全感觉不到有腥味，而且当地人喜欢在吃这道美食的时候配上啤酒，真的是爽爆啦！相信只要吃过这道美食的人都会觉得回味无穷，所以大家有机会不妨试试看吧。</span> </h3>
		         
	            </div>
		        <div class="col-md-4 fh5co-staff">
		          <h3><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1266064996,398336122&fm=173&app=49&f=JPEG?w=640&h=427&s=7E10468F4C9B28C256B628E50300E01A" width="378" height="250" data-loaded="0" data-loadfunc="0"></h3>
		          <h3>烤鱿鱼</h3>
		          <h3><span style="font-size: 18px; font-family: '微软雅黑';">在这个城市的街边上，你可以看到各种各样的烤鱿鱼摊子。由于地理位置的原因，当地人所选取的鱿鱼都是最新鲜的，毕竟人家靠海吃海嘛。在青岛的街上你会看到新鲜肥美的鱿鱼在铁板上滋滋作响，撒上一点辣椒面，那香味一下就能钻进你的鼻子里。所以说来到青岛的话，鱿鱼也是不能不吃的。而且虽然这里鱿鱼的品质好，但是价格却比较便宜哦，大家可以尽情的吃个够。</span> </h3>
		          
	          
	            </div>
		        <p>&nbsp;</p>
		        <p>&nbsp;</p>
	          </div>
	        </div>
		    <p>&nbsp;</p>
		    <p>&nbsp;</p>
		  </div>
<div></div>
		  <p>&nbsp;</p>
		  <div></div>
		  <p>&nbsp;</p>
		  <div></div>
		  <p>&nbsp;</p>
		  <div>
		    <p>&nbsp;</p>
		    <p>&nbsp;</p>
		    <p>&nbsp;</p>
		  </div>
		</div>
		<!-- END map -->
		<div id="fh5co-contact-section">
			<div class="container"></div>
		</div>
		<!-- END fh5co-contact -->
	</div>
		<footer>
			<div class="bg-warning" id="btn-submit">
<p><marquee behavior="scroll" direction="right" scrollamount="10"><img src="images/timgLRO4AR2U.jpg" width="300" height="200" alt=""/><img src="images/timg4G7B5ZQ0.jpg" width="300" height="200" alt=""/><img src="images/timgAV0ASM6Y.jpg" width="300" height="200" alt=""/><img src="images/timgBNG1YK6B.jpg" width="300" height="200" alt=""/></marquee></p>
		      <p>青岛老锅贴                    烤鱿鱼                  流亭猪蹄                 九转大肠</p>
		      
              <p></p>
		  </div>
		</footer>
	

	</div>
	<!-- END fh5co-page -->

	</div>
	<!-- END fh5co-wrapper -->

	<!-- jQuery -->


	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Superfish -->
	<script src="js/hoverIntent.js"></script>
	<script src="js/superfish.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false"></script>--->
	<script src="js/google_map.js"></script>

	<!-- Main JS (Do not remove) -->
	<script src="js/main.js"></script>

</body>
</html>

